<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link type="text/css" rel="stylesheet" href="../common/bootstrap/bootstrap.min.css">


    <script type="text/javascript" src="../common/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../common/bootstrap/bootstrap.min.js"></script>


</head>
<body>
<h1>
    面板显示

</h1>
<!--
面板就一个模块的内容，放在一起
-->
<div class="panel panel-danger">
    <div class="panel-heading">Panel heading without title</div>

    <div class="panel-body">
         <table border="1px">
             <thead>
             <tr>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
             </tr>
             </thead>
             <tbody>

             <tr>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
             </tr>
             <tr>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
             </tr>
             <tr>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
             </tr>
             <tr>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
                 <td>sdfasd</td>
             </tr>

             </tbody>
         </table>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">Panel title</h3>
    </div>
    <div class="panel-body">
        Panel content
    </div>
</div>



<div>
    <!--
           导航标签页
    -->
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">
            <table border="1px">
                <thead>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                </thead>
                <tbody>

                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>

                </tbody>
            </table>

        </div>
        <div role="tabpanel" class="tab-pane" id="profile">
            <table border="1px">
                <thead>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                </thead>
                <tbody>

                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>

                </tbody>
            </table>
        </div>
        <div role="tabpanel" class="tab-pane" id="messages">
            <table border="1px">
                <thead>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                </thead>
                <tbody>

                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>
                <tr>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                    <td>sdfasd</td>
                </tr>

                </tbody>
            </table>
        </div>
        <div role="tabpanel" class="tab-pane" id="settings">...</div>
    </div>

</div>


</body>
</html>